* {padding: 0;margin: 0;box-sizing: border-box;text-decoration: none;color: #666666;list-style: none;}

button {cursor: pointer;}

.main {width: 1180px;margin: 0 auto;}

.head {height: 35px;border-bottom: 1px solid #dddddd;line-height: 35px;padding-right: 20px;}

.head div {float: right;font-size: 14px;}

.h_user a {margin-left: 20px;}

.h_user a:last-of-type {padding-left: 20px;background: url("../image/setting.jpg") no-repeat 1px 2px;}

.h_user a:hover {text-decoration: underline;}

.h_link a {color: black;text-decoration: underline;margin-right: 20px;}

.search {height: 100px;}

.search .main {position: relative;height: 100px;}

.search .main > * {position: absolute;top: 50%;transform: translateY(-50%);}

.search img {left: 200px;}

.search label {left: 360px;height: 40px;width: 500px;}

.search input {left: 360px;height: 40px;width: 500px;background-color: #fff;box-shadow: 0 0 1000px white inset;border: 1px solid #999999;border-right: none;font-size: 16px;text-indent: 10px;}

.search input:hover {border: 1px solid black;border-right: none;}

.search button {height: 40px;width: 90px;font-size: 16px;cursor: pointer;}

.search button:hover {box-shadow: #cccccc 2px 2px 3px;}

.search1 {left: 860px;border: none;background-color: rgb(51, 136, 255);color: white;}

.search1:hover {background-color: rgb(49, 126, 243);}

.search2 {left: 960px;border: 1px solid #317EF3;color: #317EF3;background-color: white;}

.search a {left: 1060px;text-decoration: underline;margin-top: 10px;}

.nav {height: 45px;background-color: #459DF5;}

.nav ul {height: 45px;float: left; display: flex;width: 800px;}

.nav ul li {transition: all 0.5s ease; flex: 1;text-align: center;}

.nav ul li:hover {background-color: #338CE6;}

.nav ul a {color: white;font-size: 16px;line-height: 45px;}

.nav ul li:first-child a {border-bottom: 2px solid white;}

.nav .grzx {margin-top: 10px;margin-right: 30px;padding-left: 40px;height: 25px;line-height: 25px;border-left: 1px solid #999999;float: right;background: url("../image/grzx.jpg") no-repeat 16px 6px;}

.nav .grzx a {color: white;font-size: 16px;}

.banner {height: 420px;background-image: url("../image/banner_bg.png");padding-top: 40px;}

.banner ul {height: 340px;width: 790px;float: left;}

.banner ul li {height: 340px;width: 250px;float: left;margin-right: 20px;background-color: white;position: relative;}

.banner li .zzc {position: absolute;height: 220px;width: 250px;background-color: rgba(100, 100, 100, 0.2);top: 0;left: 0;pointer-events: none;transition: all 0.3s ease;}

.banner li:hover .zzc {background-color: rgba(100, 100, 100, 0);}

.banner ul li:last-child {margin-right: 0;}

.banner li > * {display: inline-block;}

.banner li img {width: 250px;height: 220px;}

.banner li img:hover {cursor: pointer;}

.banner li a {height: 30px;width: 250px;text-align: center;font-size: 18px;font-weight: bold;color: #333333;box-shadow: 0 -10px 15px white;z-index: 1;}

.banner li a:hover {color: #317EF3;}

.banner li span {width: 230px;margin-left: 10px;font-size: 14px;color: #999999;}

.banner .intro {margin-top: 20px;margin-right: 25px;width: 250px;height: 300px;float: right;background: url("../image/intro2.jpg") no-repeat 8px 99px;}

.banner .intro .title, .banner .intro .tt2 {display: block;width: 250px;text-align: center;color: rgb(38, 137, 237);}

.banner .title {height: 50px;line-height: 50px;font-size: 36px;font-weight: 500;}

.banner .tt2 {height: 40px;line-height: 40px;font-size: 18px;background: url("../image/intro1.jpg") no-repeat 206px 11px;text-indent: -30px;}

.banner .number span {display: inline-block;line-height: 40px;height: 40px;color: rgb(38, 137, 237);}

.banner .number .left {margin-left: 40px;width: 152px;font-size: 24px;text-align: right;}

.banner .number .right {width: 48px;}

.intro button {height: 40px;width: 206px;background-color: rgb(69, 157, 245);border-radius: 3px;border: 1px solid rgb(59, 146, 233);color: white;font-size: 18px;margin-left: 22px;margin-top: 10px;transition: all 0.5s ease;}

.intro button:hover {background: rgb(43, 139, 234);}

.intro .introend {display: block;text-indent: 60px;margin-top: 10px;background: url("../image/intro3.jpg") no-repeat 35px 0;font-size: 14px;}

.main1 {height: 580px;}

.mainbox {display: inline-block;width: 400px;height: 580px;margin-right: 35px;}

.mainbox:last-child {margin-right: 0;}

.maintitle {padding-top: 35px;padding-bottom: 20px;width: 100%;}

.maintitle .title {font-size: 18px;color: black;}

.maintitle .date1, .maintitle .date2 {font-size: 14px;}

.maintitle .date1 a {color: #317EF3;margin-left: 25px;}

.maintitle .date2 a:hover {color: #317EF3;}

.main1_1 .box {width: 402px;height: 480px;border: 1px solid #dddddd;}

.main1_1 .box .ceil {height: 60px;width: 200px;border: 1px solid #dddddd;float: left;}

.main1_1 .box .ceil:hover {border: 1px solid #317EF3;cursor: pointer;}

.main1_1 .box .ceil:hover .tdtitle {color: #317EF3;}

.main1_1 .box .ceil:nth-child(1), .main1_1 .box .ceil:nth-child(2) {height: 120px;width: 400px;}

.main1_1 .box .ceil:nth-child(3), .main1_1 .box .ceil:nth-child(4) {height: 120px;width: 200px;}

.main1_1 .box .ceil:nth-child(1) {background-color: rgb(205, 230, 254);}

.main1_1 .box .ceil:nth-child(2) {background-color: rgb(230, 243, 255);}

.main1_1 .box .ceil:nth-child(3), .main1_1 .box .ceil:nth-child(6), .main1_1 .box .ceil:nth-child(7) {background-color: rgb(245, 246, 247);}

.main1_1 .box .ceil:nth-child(4), .main1_1 .box .ceil:nth-child(5), .main1_1 .box .ceil:nth-child(8) {background-color: rgb(252, 252, 252);}

.main1_1 .ceil span {display: block;width: 100%;padding: 5px 15px 5px 15px;}

.main1_1 .ceil .tdtitle {height: 40px;line-height: 40px;font-size: 20px;color: black;margin: 5px 0;}

.main1_1 .ceil .tdtext {font-size: 13px;}

.main1_1 .ceil {position: relative;}

.main1_1 .ceil img {position: absolute;top: 20px;right: 5px;}

.main1_2 .maintitle .more {float: right;font-size: 14px;color: #666666;}

.main1_2 .maintitle .more:hover a {color: black;}

.main1_2 .ceil {position: relative;width: 400px;height: 143px;margin-bottom: 25px;background: url("../image/1_2_4.jpg") no-repeat 0 6px;}

.main1_2 .ceil > * {position: absolute;}

.main1_2 .ceil .smalltitle {font-size: 22px;text-indent: 50px;}

.main1_2 .ceil .smalltitle:hover a {color: rgb(51, 141, 230);}

.main1_2 .ceil img {top: 43px;}

.main1_2 .ceil img:hover {cursor: pointer;}

.main1_2 .ceil:last-child img {top: 0;}

.main1_2 .ceil .text {left: 170px;top: 43px;font-size: 14px;}

.main1_2 .ceil button {position: absolute;width: 49px;height: 27px;border: 1px solid #cccccc;background-color: white;font-size: 14px;top: 116px;}

.main1_2 .ceil button:hover {color: #317EF3;border: 1px solid #317EF3;}

.main1_2 .ceil .btn1 {left: 170px;}

.main1_2 .ceil .btn2 {left: 225px;}

.main1_3 {width: 300px;}

.main1_3 .rili {margin-left: 97px;padding-right: 25px;font-size: 14px;background: url("../image/rili.jpg") no-repeat 61px 0;}

.main1_3 .rili:hover {color: #317EF3;background: url("../image/rili2.jpg") no-repeat 61px 0;cursor: pointer;}

.main1_3 .box {width: 300px;height: 480px;border: 1px solid #cccccc;}

.main1_3 .datebox {height: 65px;width: 100%;border-bottom: 1px solid #cccccc;background-color: rgb(249, 250, 251);}

.main1_3 .datebox span {float: left;font-size: 30px;text-align: center;line-height: 65px;}

.main1_3 .datebox span:hover {color: #317EF3;}

.main1_3 .datebox .lr {width: 50px;height: 65px;color: #cccccc;font-weight: bolder;}

.main1_3 .datebox .md {width: 198px;}

.main1_3 li {width: 260px;min-height: 30px;margin-left: 20px;float: left;position: relative;}

.main1_3 li:first-of-type {margin-top: 5px;}

.main1_3 li:last-of-type {margin-bottom: 10px;}

.main1_3 li .year {width: 50px;line-height: 20px;height: 20px;float: left;}

.main1_3 li .text {width: 210px;font-size: 14px;border-left: 2px solid #dddddd;padding-left: 10px;padding-bottom: 10px;line-height: 20px;min-height: 25px;float: left;}

.main1_3 li .text a {color: #317EF3;}

.main1_3 li .dian {display: block;position: absolute;color: #dddddd;width: 15px;height: 20px;line-height: 20px;top: -2px;left: 46px;background-color: white;}

.main1_3 li:hover a {text-decoration: underline;}

.main1_3 li:hover .dian {color: #317EF3;}

.main1_3 li img {position: absolute;top: 60px;left: 63px;}

.main1_3 li .more {position: absolute;top: 175px;left: 63px;font-size: 13px;color: #999999;}

.main2 {height: 617px;background-color: rgb(245, 245, 245);}

.main2_1 {width: 840px;height: 617px;float: left;}

.main2_1 .ceilbox {height: 495px;width: 266px;margin-right: 20px;float: left;position: relative;perspective: 1000px;}

.main2_1 .ceilbox:last-of-type {margin-right: 0;}

.main2_1 .ceilbox .back, .main2_1 .ceil {position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all 1s ease;backface-visibility: hidden;}

.main2_1 .ceilbox .back {background-color: skyblue;transform: rotateY(-180deg);}

.main2_1 .ceilbox:hover .back {transform: rotateY(-360deg);}

.main2_1 .ceil {background: rgb(145, 198, 249) url("../image/main2_1_bg.png") no-repeat;}

.main2_1 .ceilbox:hover .ceil {transform: rotateY(-180deg);}

.main2_1 .ceilbox:nth-child(2) .ceil {background-color: rgb(116, 210, 144);}

.main2_1 .ceil > * {display: block;text-align: center;}

.main2_1 .ceil .title {color: white;font-size: 28px;padding-top: 30px;height: 60px;line-height: 25px;}

.main2_1 .ceil .stitle {height: 14px;padding-top: 9px;line-height: 10px;font-size: 14px;color: white;}

.main2_1 .ceil .btnbox {padding-top: 25px;padding-bottom: 35px;}

.main2_1 .ceil .btn {display: block;height: 30px;width: 170px;margin: 10px auto;background: rgb(234, 240, 246);font-size: 14px;line-height: 30px;}

.main2_1 .ceil .small {color: white;font-size: 14px;height: 20px;line-height: 40px;}

.main2_1 .people {height: 225px;background-color: white;margin-top: 26px;border: 1px solid rgb(226, 226, 226);border-top: none;padding: 20px 35px 19px 35px;position: relative;}

.main2_1 .people .pi {margin: 0 auto;width: 110px;height: 110px;border-radius: 55px;}

.main2_1 .people .tip {position: absolute;width: 35px;height: 45px;top: 20px;left: 35px;}

.main2_1 .people .name {display: block;font-size: 14px;height: 40px;line-height: 40px;}

.main2_1 .people .mang {display: block;font-size: 12px;color: #666666;height: 30px;line-height: 30px;border: 1px solid #dddddd;border-radius: 20px;}

.main2_2 {height: 617px;width: 300px;float: left;margin-left: 40px;}

.main2_2 .box {width: 300px;height: 270px;border-bottom: 1px solid rgb(218, 219, 220);}

.main2_2 .ceil {width: 300px;height: 40px;margin-bottom: 12px;position: relative;}

.main2_2 .ceil .time {position: absolute;display: inline-block;height: 40px;width: 40px;text-align: center;line-height: 40px;border: 1px solid rgb(204, 204, 204);border-radius: 20px;background-color: white;font-size: 14px}

.main2_2 .ceil .text {display: inline-block;height: 52px;width: 280px;padding-left: 30px;padding-bottom: 12px;margin-left: 20px;font-size: 14px;border-left: 1px solid #cccccc;}

.main2_2 .ceil:last-of-type .text {height: 40px;}

.main2_2 .ceil .in {display: inline-block;line-height: 20px;position: absolute;top: 50%;transform: translateY(-50%);}

.main2_2 .ceil .name1 {color: #317EF3;}

.main2_2 .ceil .name1:hover, .main2_2 .ceil .name2:hover {text-decoration: underline;}

.main2_2 .try .title {height: 50px;line-height: 50px;font-size: 18px;color: #333333;}

.main2_2 .try .text {height: 60px;line-height: 20px;font-size: 14px;}

.main2_2 .try button {display: inline-block;width: 142px;height: 47px;border: 1px solid #cccccc;margin-top: 10px;background-color: white;font-size: 16px;}

.main2_2 .try button:nth-child(2n-1) {margin-right: 10px;}

.main2_2 .try button:hover {background-color: #317EF3;border: 1px solid #317EF3;color: white;}

.main3 {height: 315px;}

.main3 .top {height: 60px;border-bottom: 1px solid #dddddd;}

.main3 .box {height: 255px;border-bottom: 2px solid #aaaaaa;padding-top: 80px;position: relative;}

.main3 .ceil {width: 280px;height: 145px;margin-right: 20px;border: 1px solid #dddddd;float: left;}

.main3 .ceil:hover {cursor: pointer;}

.main3 .ceil:last-of-type {margin-right: 0;}

.main3 .ceil:nth-child(1) {background-image: url("../image/m3-1.jpg");}

.main3 .ceil:nth-child(2) {background-image: url("../image/m3-2.jpg");}

.main3 .ceil:nth-child(3) {background-image: url("../image/m3-3.jpg");}

.main3 .ceil .title {display: inline-block;width: 240px;height: 55px;line-height: 55px;font-size: 22px;color: #333333;margin-left: 20px;}

.main3 .ceil .text {display: inline-block;margin-left: 20px;width: 240px;height: 36px;margin-top: 4px;line-height: 18px;font-size: 13px;color: #888888;}

.main3 .ceil a {display: inline-block;margin-top: 15px;margin-left: 20px;height: 20px;line-height: 20px;font-size: 14px;border-bottom: 1px dashed #666666;}

.main3 .ceil a:hover {color: #317EF3;}

.main3 .box > span {display: inline-block;width: 30px;height: 40px;line-height: 40px;text-align: center;position: absolute;top: 80px;}

.main3 .box .left a, .main3 .box .right a {font-size: 24px;font-weight: bolder;color: #aaaaaa;}

.main3 .box > span:hover a {color: #317EF3;}

.main3 .box .left {left: -40px;}

.main3 .box .right {right: -40px;}

.main4 {height: 580px;}

.main4 .box {height: 400px;}

.main4 .ceil {float: left;height: 200px;width: 236px;padding-left: 30px;padding-top: 30px;border-bottom: 1px solid #cccccc;}

.main4 .in {height: 140px;width: 206px;border-right: 1px solid #cccccc;}

.main4 .ceil:nth-child(5n) .in {border-right: none;}

.main4 .in .title {height: 25px;line-height: 25px;}

.main4 .in .title a {font-size: 18px;color: black;}

.main4 .col {width: 100px;height: 115px;float: left;}

.main4 .link {height: 20px;margin-bottom: 3px;}

.main4 .link a {font-size: 12px;}

.main4 .in a:hover {color: #317EF3;}

.main4 .pp {height: 180px;}

.main4 .pp > div {float: left;height: 180px;width: 590px;}

.main4 .pp span {display: block;}

.main4 .pp .title {margin-top: 10px;height: 40px;line-height: 40px;font-size: 18px;color: black;}

.main4 .pp .text {font-size: 14px;line-height: 20px;width: 540px;color: #777777;}

.main4 span a {display: inline-block;height: 35px;line-height: 45px;border-bottom: 1px dashed #cccccc;font-size: 14px;margin-left: 3px;}

.foot {height: 191px;background: #f5f5f5;padding-top: 40px;padding-bottom: 10px;}

.foot .box {width: 840px;height: 84px;margin-left: 170px;}

.foot .ceil {float: left;width: 210px;margin: 0 35px;}

.foot .ceil .title {height: 30px;line-height: 30px;text-indent: 30px;font-size: 20px;color: black;background: no-repeat;}

.foot .content {width: 210px;height: 54px;padding-left: 30px;}

.foot .content div {float: left;width: 90px;height: 25px;line-height: 25px;font-size: 12px;}

.foot .content div a:hover {color: #317EF3;}

.foot .copyright, .foot .ga {height: 20px;line-height: 20px;text-align: center;font-size: 12px;}

.foot .copyright {margin-top: 20px;color: black;background: url("../image/copy_rignt_24.png") no-repeat 855px 2px;}

.foot .ga {margin-top: 3px;text-indent: 20px;background: url("../image/icon-police_d8a40a4.png") no-repeat 495px 2px;}

.foot .copyright a, .foot .ga a {color: #317EF3;}

.foot .copyright a:hover, .foot .ga a:hover {text-decoration: underline;}
